<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
<style> 
#stage{
	width:800px;
	height:400px;
	margin:0 auto;
	border:1px solid #333;
	perspective:1200px;
	-webkit-perspective:1200px;
	}
#container{
	width:800px;
	height:400px;
	margin:0 auto;
	border:1px solid #ddd;
	-webkit-animation:turn 10s linear 0s infinite;
	transform-style:preserve-3d;
}
#container div{
	width:100px;
	height:100px;
	background:#e4393c;
	position:absolute;
	top:150px;
	left:350px;

}



#container div:nth-child(1){
background-color:#111;
transform:rotatey(30deg) translatez(200px);

}
#container div:nth-child(2){
background-color:#ddd;
transform:rotatey(60deg) translatez(200px);
	
}
#container div:nth-child(3){
background-color:#999;
transform:rotatey(90deg) translatez(200px);
	
}
#container div:nth-child(4){
background-color:#250;
transform:rotatey(120deg) translatez(200px);
	
}
#container div:nth-child(5){
background-color:#324;
transform:rotatey(150deg) translatez(200px);
	
}
#container div:nth-child(6){
background-color:#520;
transform:rotatey(180deg) translatez(200px);
	
}
#container div:nth-child(7) {
background-color:#502;
transform:rotatey(210deg) translatez(200px);
	
}
#container div:nth-child(8){
background-color:#369;
transform:rotatey(240deg) translatez(200px);
	
}
#container div:nth-child(9){
background-color:#963;
transform:rotatey(270deg) translatez(200px);
	
}
#container div:nth-child(10){
background-color:#adc;
transform:rotatey(300deg) translatez(200px);
	
}
#container div:nth-child(11){
background-color:#cad;
transform:rotatey(330deg) translatez(200px);
	
}
#container div:nth-child(12){
background-color:#444;
transform:rotatey(360deg) translatez(200px);

}
/*@keyframes turn{
	0%{
		transform:rotate3d(1,1,1,0deg);
	}
	100%{
		transform:rotate3d(1,1,1,360deg);
	}
}*/
@-webkit-keyframes turn{
	0%{
		transform:rotate3d(0,1,0,0deg);
	}
	100%{
		transform:rotate3d(0,1,0,360deg);
	}
}

</style>
</head>
<body>
<div id="stage">
<div id="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
</div>
</div>
</div>


</body>
</html>


